@import "../../../common/skin/var";

.exchange-btn{
  font-size: 16px;
  color: $primary-color;
  padding: 19px 10px;
  background: #fff;
  display: block;

  .exchange-icon{
    margin-right: 5px;
  }

  h5{
    font-size: 15px;
  }
}

.voucher-array{
  padding: 10px;
  margin-top: 5px;

  .voucher-array-item{
    border: 1px solid $border-color;
    padding: 12px;
    background: #fff;
    border-radius: 3px;
    margin-bottom: 15px;
  }

  .voucher-price{
    font-size: 24px;
    color: $text-light-color;

    &.active{
      color: #D0021B;
    }
  }

  .img-ve-dotted-line{
    margin: 0 12px;
  }

  .voucher-name{
    font-size: 15px;
    margin-bottom: 5px;
  }
  .voucher-desc{
    font-size: 13px;
    color: $text-light-color;
    margin-bottom: 5px;

  }

  .voucher-time{
    color: $text-light-color;
    font-size: 13px;
  }
}
